
<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href="">主页</a>
    <a><cite>应用管理</cite></a>
  </div>
</div>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-tab layui-tab-brief">
      <ul class="layui-tab-title">
        <li class="layui-this">应用列表</li>
      </ul>
      <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
          <div class="layui-row">
            <div class="layui-form" style="float:right;">
              <div class="layui-form-item" style="margin:0;">
                <label class="layui-form-label">应用ID</label>
                <div class="layui-input-inline">
                  <input type="text" name="appId" id="appId" placeholder="应用ID" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">商户ID</label>
                <div class="layui-input-inline">
                  <input type="text" name="mchId" id="mchId" placeholder="商户ID" autocomplete="off" class="layui-input">
                </div>
                <button id="search" class="layui-btn" data-type="reload">
                  <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                </button>
              </div>
            </div>
          </div>
          <div class="layui-row">
            <div class="layuiAdmin-btns" style="margin-bottom: 10px;"></div>
          </div>
          <table id="Pay_Mgr_App_dataAll" lay-filter="Pay_Mgr_App_dataAll"></table>
        </div>

      </div>
    </div>
  </div>
</div>

<script type="text/html" id="payBar">
  <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs layui-btn-warm "  lay-event="edit">编辑</a>
</script>

<script>
  layui.use(['admin', 'table', 'util','form'], function(){
    var $ = layui.$
      ,admin = layui.admin
      ,table = layui.table
      ,element = layui.element
        ,view =layui.view,
        layer=layui.layer
      ,form = layui.form;

    element.render('breadcrumb', 'breadcrumb');

    var tplStatus = function(d){
      if(d.state == 1) {
        return "<span class='layui-btn layui-btn-xs'>启用</span>";
      }
      return "<span class='layui-btn layui-btn-xs layui-btn-disabled'>停止</span>";
    };

    //商户列表
    table.render({
      elem: '#Pay_Mgr_App_dataAll'
      ,url: layui.setter.baseUrl + '/app/list' //列表接口
      ,where: {
          access_token: layui.data(layui.setter.tableName).access_token
      }
      ,id: 'tableReload'
      ,page: true
      ,cols: [[
        {type: 'checkbox', fixed: 'left'}
        ,{field: 'appId', title: '应用ID'}
        ,{field: 'appName', title: '应用名称'}
        ,{field: 'mchId', title: '商户ID'}
        ,{field: 'state', title: '状态', templet: tplStatus}
        ,{field: 'createTime', title: '创建时间', width: 200, templet: '<div>{{ layui.util.toDateString(d.createTime, "yyyy-MM-dd HH:mm:ss") }}</div>'}
        ,{field: 'edit', title: '操作', width: 320, toolbar: '#payBar' }
      ]]
      ,skin: 'line'
    });

    //监听工具条
    table.on('tool(Pay_Mgr_App_dataAll)', function(obj){
      var data = obj.data;
      if(obj.event === 'detail'){
          var appId = data.appId;
          admin.req({
              type: 'get',
              url: layui.setter.baseUrl + '/app/get',
              data: {
                  appId : appId
              },
              error: function(err){
                  layer.alert(JSON.stringify(err.field), {
                      title: '错误提示'
                  })
              },
              success: function(res){
                  if(res.code == 0){
                      data=res.data;
                      admin.popup({
                          title: '应用详情'
                          , area: ['450px', '450px']
                          , id: 'LAY-popup-content-detail'
                          , success: function (layero, index) {
                              view(this.id).render('app/list/app_view').done(function () {
                                  form.render(null, 'layuiadmin-app-form-list');

                                  var body =layer.getChildFrame('body',index);
                                  body.find('#email').val(data.email);
                                  form.val("layuiadmin-app-form-list",{
                                      "appId":data.appId,
                                      "appName":data.appName,
                                      "remark":data.remark,
                                      "state":data.state==1?"启用":"停止"
                                  })
                                  $('#mchId').val(data.mchId);
                                  if(res.data.createTime != "" && res.data.createTime != null) {
                                      $('#createTime').val(layui.util.toDateString(res.data.createTime));
                                  }
                                  if(res.data.updateTime != "" && res.data.updateTime != null) {
                                      $('#updateTime').val(layui.util.toDateString(res.data.updateTime));
                                  }
                                  form.render();
                              });
                          }
                      });
                      form.render();
                  }
              }
          })

      } else if(obj.event === 'edit'){
          var curAppId =data.appId;
          admin.req({
              type: 'get',
              url: layui.setter.baseUrl + '/app/get',
              data: {
                  appId : curAppId
              },
              error: function(err){
                  layer.alert(err, {
                      title: 'error'
                  })
              },
              success: function(res){
                  if(res.code == 0){
                     data=res.data;

                      admin.popup({
                          title: '编辑应用'
                          , area: ['450px', '340px']
                          , id: 'LAY-popup-content-edit'
                          , success: function (layero, index) {
                              view(this.id).render('app/list/app_edit').done(function () {
                                  form.render(null, 'layuiadmin-app-form-list');


                                  var body =layer.getChildFrame('body',index);
                                  body.find('#email').val(data.email);
                                  form.val("layuiadmin-app-form-list", {

                                      "appId":data.appId,
                                      "appName":data.appName

                                  })
                                  if(data.state == '0'){
                                      $('.tz').attr('checked','checked');
                                  }else {
                                      $('.qy').attr('checked','checked');
                                  }
                                  form.render();

                                  form.on('submit(btnM)', function(data){
                                      admin.req({
                                          type: 'post',
                                          url: layui.setter.baseUrl + '/app/update', //模拟接口,
                                          data: data.field,
                                          error: function(err){layer.alert(err.msg,{title:"请求失败"})},
                                          success: function(res){
                                              if(res.code == 0){
                                                  /*layer.alert(res.msg,{title: "保存成功"},function(index){
                                                      table.reload('tableReload');
                                                      layer.closeAll();
                                                  })*/
                                                layer.msg('保存成功', {
                                                  offset: '15px'
                                                  ,icon: 1
                                                  ,time: 1000
                                                }, function(){
                                                  table.reload('tableReload');
                                                  layer.closeAll();
                                                });
                                              }else {
                                                  /*layer.alert(res.msg,{title: '保存失败'})*/
                                                layer.msg('保存失败', {
                                                  offset: '15px'
                                                  ,icon: 1
                                                  ,time: 1000
                                                });
                                              }
                                          }
                                      })
                                      return false;
                                  });

                              });
                          }
                      });

                  }else {
                      layer.alert(res.msg,{title: '请求失败'})
                  }
              }
          })

      }

    });

    // 搜索
    var $ = layui.$, active = {
      reload: function(){
        var mchId = $('#mchId').val();
        var appId = $("#appId").val();
        //执行重载
        table.reload('tableReload', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          ,where: {
            mchId: mchId,
            appId : appId
          }
        });
      }
    };
    $('#search').on('click', function() {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

    // 渲染表单
    form.render();
  });
</script>